<template>
	<!-- 窗口 -->
	<div class="wind">
		<div class="picfrm">
			<img class="p_body" src="" alt="">
			<i class="i1">199</i>
			<i class="i2">分</i>
		</div>
		<div class="w-type">
			<span>如果美貌有罪<br>你会被关到一百岁<br>如果追你要排队<br>我宁愿今晚不睡！</span>
		</div>
	</div>
</template>

<script>
	export default {
		props:{
			
		}
	}
</script>

<style lang="scss">
	@function px2vw($px){
		@return $px/7.5*1vw
	}
	.wind{
		position: absolute;
		top: px2vw(353);
		left: px2vw(118);
		right: px2vw(118);
		
		width: px2vw(508);
		height: px2vw(660);
		background-image: url(../../images/images/wind-2_03.png);
		background-repeat: no-repeat;
		background-size: px2vw(508) px2vw(660);
		padding-top: px2vw(47);
	}
	.picfrm{
		position: relative;
		width: px2vw(204);
		height: px2vw(257);
		margin: 0 auto;
		margin-bottom: px2vw(41);
		
		background-image: url(../../images/images/touxiang-2_03.png);
		background-repeat: no-repeat;
		background-size: px2vw(204) px2vw(257);
	}
	.p_body{
		position: absolute;
		width: px2vw(152);
		height: px2vw(152);
		
		top: px2vw(16);
		left: px2vw(28);
	}
	.i1{
		position: absolute;
		bottom: px2vw(10);
		left: px2vw(37);
		
		font-size: px2vw(50);
		color: #ffffff;
		font-weight: bold;
	}
	.i2{
		position: absolute;
		bottom: px2vw(18);
		right: px2vw(43);
		
		font-size: px2vw(27);
		color: #ffffff;
		font-weight: bold;
	}
	.w-type{
		text-align: center;
		line-height: 30px;
		>span{
			font-size: px2vw(28);
			font-weight: 300;
			color: #ffffff;
		}
	}
</style>
